<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        //document.getElementsByName返回的是一个dom对象的集合
        //集合的顺序就是在html页面从上到下的顺序
        //checked 表示复选框的选中状态，如果是true就是选中 如果是false就是不选
        //checked 属性是可读可写的。

        //全选
        function f1() {
            //document.getElementsByTagName("input")是按照指定标签名来查询，并返回集合
            //元素顺序就是在HTML中从上到下的顺序
            var list = document.getElementsByTagName("input");
            for (var i = 0; i < list.length; i++) {
                list[i].checked = true;
            }
        }

    </script>
</head>
<body>
    兴趣爱好：
    <input type="checkbox" value="cpp" >C++
    <input type="checkbox" value="java" >java
    <input type="checkbox" value="js" >javascript
    <br/>
    <button onclick="f1()">全选</button>

</body>
</html>